<template>
    <div class="create-cpd rocket-content">
      <div class="choose-app">
        <topTitle title="用户信息" />
        <div class="rocket-input-wrap">
          <span class="rocket-label-name mar-rt">选择游戏</span>
          <el-input
              placeholder="输入游戏明细或后台游戏ID"
              clearable
              @keyup.enter.native="getList(1)"
              style="width:500px;"
              v-model.trim="keyword">
              <i slot="prefix" class="el-input__icon el-icon-search"></i>
          </el-input>
          <el-button type="primary" class="btn mar-lt" @click="getList(1)">搜索</el-button>
        </div>
        <div class="game-card">
          <div class="game-info">
            <div class="top">
              <img class="logo" src="" alt="">
              <div class="game-name">
                <div>游戏名称</div>
                <div>我是游戏简介我是游戏简介</div>
              </div>
            </div>
            <div class="sub-list">
              <div class="label">游戏分类：</div>
              <div class="lebel-name">卡牌</div>
            </div>
            <div class="sub-list">
              <div class="label">包名：</div>
              <div class="lebel-name">卡牌</div>
            </div>
            <div class="sub-list">
              <div class="label">开发者：</div>
              <div class="lebel-name">卡牌</div>
            </div>
          </div>
          <el-button type="primary" class="btn mar-lt" @click="confirmApp">确认</el-button>
        </div>
      </div>
      <div class="info-position">
        <topTitle title="投放信息设置" />
      </div>
    </div>
</template>

<script>
export default {
    data() {
      return {
        keyword: ''
      }
    },
    mounted () {
    },
    methods: {
      getList() {},
      confirmApp() {
        console.log('确定app')
      }
    },
}
</script>

<style lang="scss">
.create-cpd {
  .choose-app {
    .game-card {
      border-radius: 5px;
      padding: 5px 10px;
    }
  }
  .info-position {}

}
</style>
